<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			#div1{
				width: 200px;
				height: 100px;
				border: 2px blue solid;
			}
		</style>
	</head>
	<body>
		<div id="div1" class="class1" >
			第一个div
		</div>
		<div id="div2" class="class2">
			第二个div
			<p>第一个段落</p>
			<p>第二个段落</p>
			<p>第三个段落</p>
			<p>第四个段落</p>
		</div>
		<p>第五个段落</p>
		<div id="div3" class="class1">
			<img src="img/img.jpg"  width="150px" height="150px">
		</div>
		<ul>
			<li>第一列</li>
			<li>第二列</li>
			<li>第三列</li>
		</ul>
	</body>
	<script type="text/javascript">
		var obj1=document.getElementById('div1');
		console.log(obj1)
		var obj2 = document.getElementsByClassName('class1')
		console.log(obj2)
		var obj3=document.getElementsByTagName('img')
		console.log(obj3)
		
	</script>
</html>
